<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>实名认证</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/style.css">
<style>

.weui-cell:before {border-top: 0px solid #e5e5e5;}
.weui-cells {margin-top: 10px;}
.weui-cells:before {border-top: 15px solid #f4f4f4;}
.weui-cells:after {border-bottom: 0px solid #e5e5e5;}
::-webkit-input-placeholder {
font-size: 15px;
color: #CECECE;
}

</style>
</head>
<body  >
  <div class="index-top">
    <div class="index-back" onClick="javascript:history.back(-1);">
      <img src="images/back.png" width="15">
    </div>
    <p class="index-title">实名认证</p>
  </div>

  <!-- 这里写内容 -->
  <div style="">
    <div class="weui-panel__bd"  style="margin-top:40px;background:white">
    <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
      <div class="weui-media-box__hd" style="width:25%">
        <img class="weui-media-box__thumb"   style="width:100%;height:100px" src="images/sfz1.png">
      </div>
      <div class="weui-media-box__bd">
        <h4 class="weui-media-box__title">身份认证</h4>
        <p class="weui-media-box__desc"   style="margin-top:5px;">仅支持中国居民身份证进行实名认证</p>
      </div>
    </a>
	</div>
	
	
    <div class="weui-cells">
      <div class="weui-cells__title"  style="color: #737373;margin-top: 20px" >手机号码</div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:65%;border:1px  solid rgb(239,239,244) ;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写手机号码">
          <a href="javascript:;" style="display:inline-block;width:28%;float:right;text-align:center;font-size: 13px;line-height:40px;border-radius:5px;background:#4B4C5E;color:#fff;">获取验证码</a>
        </div>
      </div>
      <div class="weui-cells__title"  style="color: #737373"  >验证码</div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid  #f4f4f4;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写手机验证码">
        </div>
      </div>
	 <div class="weui-cells__title"  style="color: #737373;margin-top: 20px" >真实姓名</div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid rgb(239,239,244) ;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写身份证姓名">
        </div>
      </div>
	  <div class="weui-cells__title"  style="color: #737373"  >身份证号</div>
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:97%;border:1px  solid  #f4f4f4;height:40px;border-radius: 5px;padding-left: 3%"   class="weui-input" type="text" placeholder="请填写18位身份证号">
        </div>
      </div>

	  <div class="weui-cell">
        <div class="weui-cell__bd">
          <input  style="width:100%;height:45px;border-radius: 5px;background:#CCCCCC;color:white;"   class="weui-input" type="button" value="提交审核">

<!--提交后点亮的按钮-->
          <input  style="width:100%;height:45px;border-radius: 5px;background:#4B4C5E;color:white;"   class="weui-input" type="hidden" value="提交审核">
        </div>
      </div>
	  
	</div>

</body>
</html>
